<template>

  <div>
    <SkyPanel title="折叠面板">
      <template v-slot:header>
        <span>显示隐藏面板内容</span>
      </template>
      <template v-slot:main>

      <sky-folding-panel>
        内容.......... <br>
        内容.......... <br>
        内容.......... <br>
        内容.......... <br>
        内容.......... <br>
      </sky-folding-panel>

      </template>
    </SkyPanel>
  </div>

  <sky-code-panel>
    <div class="prewrap" v-highlight>
      <!-- 使用指令 -->
      <pre>
        <code class="html">

          &lt;sky-folding-panel&gt;
            内容.......... &lt;br&gt;
            内容.......... &lt;br&gt;
            内容.......... &lt;br&gt;
            内容.......... &lt;br&gt;
            内容.......... &lt;br&gt;
          &lt;/sky-folding-panel&gt;
          
        </code>
    </pre>
    </div>
  </sky-code-panel>


</template>

<script lang="ts">
 
import { defineComponent, } from "vue";

  export default defineComponent({
    data() {
      return {
        form:{
          money:"",
        },
      };
    },
  });
</script>



<style scoped>

</style>